@use '@/styles/variables' as *;


.main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.bottom {
  position: relative;
  display: flex;
  align-items: center;

  transform: translate(10%);

  :global(.ant-input-number) {
    margin: 0 12px;
    width: 60px;
    background-color: transparent !important;
    border: $deep-border;
  }

  :global(.ant-input-number-input) {
    color: #fff;
  }

  :global(.ant-input-number-handler-wrap) {
    background-color: rgb(77, 146, 207);
  }

  :global(path) {
    color: #fff !important;
  }

  .slider {
    flex: 0 0 80%;
  }

  .label {
    font-size: 2vh;
    flex: 0 0 20%;
  }
}